/* 首页样式 */
/* banner */
#banner .category{
    width: 200px;
    background-color: #f3f3f3;
}
#banner .category ul li{
    line-height: 34px;
}
#banner .category ul li p{
    padding-left:15px;
    color:#1a1a1a;
    border:1px solid #f3f3f3;
}

#banner .category ul li:hover p{
    border:1px solid #f60;
    background-color: #fff;
    color:#f60;
    border-right:1px solid #fff;
    
    position: relative;
    z-index: 1000;
}

#banner .category ul li div{
    width: 570px;
    height: 490px;
    background-color: #fff;
    border:1px solid #f60;
    display: none;

    position: absolute;
    top:0;
    left:199px;
}
#banner .category ul li:hover div{
    display: block;
    z-index: 999;
}

/* 轮播图 */
#banner .bannerbox{
    width: 1000px; 
}

/* 今日推荐 */
#recommend ul{
    width: 1190px;
    border-left:2px solid #f60;
    box-sizing: border-box;
}
#recommend ul li{
    width: 198px;
    height: 244px;
    border-right:2px solid #f60;
    border-bottom:2px solid #f60;
    float:left;
    box-sizing: border-box;
}
#recommend ul li p img{
    width: 150px;
    height: 150px;
}

/* 电子书 */
/* 左边 */
#ebook .leftbox{
    width: 905px;
}
/* 左侧栏 */
#ebook .slider{
    width: 237px;
    background-color: #f9f9f9;
}
#ebook .slider img{
    width: 237px;
    height: 286px;
}

#ebook .slider ul li{
    float:left;
    width: 79px;
    line-height: 38px;
    text-indent:4px;
}
#ebook .slider ul li a{
    color:#333;
}

/* 主要内容 */
#ebook .content{
    width: 668px;
}
#ebook .content .proList{
    border-left:2px solid  #ccc;
    display: none;
}
#ebook .content .on{
    display: block;
}
#ebook .content .proList li{
    width: 166px;
    height: 219px;
    border-right:2px solid  #ccc;
    border-bottom:2px solid  #ccc;
    float:left;
    box-sizing: border-box;
}
#ebook .content .proList li:first-child{
    width: 332px;
}




/* 右边 */
#ebook .rightbox{
    width: 286px;
    border: solid 2px #e6e6e6;
}
#ebook .rightbox ul{
    padding-left:20px;
    margin-top: 10px;
}
#ebook .rightbox ul li{
    position: relative;
}
#ebook .rightbox ul li:not(:last-child){
    border-bottom: solid 2px #e6e6e6;

}
#ebook .rightbox ul li span{
    position: absolute;
    top: 10px;
    left: -14px;
}
#ebook .rightbox ul li h4{
    line-height: 40px;
    font-weight: normal;
}

#ebook .rightbox ul li p{
    width: 142px;
}


/* 服装 */
/* 左侧栏 */
.allfloor .slider{
    width: 237px;
    background-color: #f9f9f9;
}
.allfloor .slider img{
    width: 237px;
    height: 286px;
}

.allfloor .slider ul li{
    float:left;
    width: 79px;
    line-height: 38px;
    text-indent:4px;
}
.allfloor .slider ul li a{
    color:#333;
}

/* 主要内容 */
.allfloor .content{
    width: 963px;
}
.allfloor .content .proList{
    border-left:2px solid  #ccc;
    display: none;
}
.allfloor .content .on{
    display: block;
}
.allfloor .content .proList li{
    width: 240px;
    height: 219px;
    border-right:2px solid  #ccc;
    border-bottom:2px solid  #ccc;
    float:left;
    box-sizing: border-box;
}
.allfloor .content .proList li:first-child{
    width: 480px;
}
/* 家居日用 */
#house .leftbox .title{
    width: 1200px;
}
#house .lhousehome{
    width: 488px;
    height: 500px;
}
#house .rhousehome{
    width: 710px;
    height: 500px;
}
#house .rhousehome div{
    width: 177px;
    height: 500px;
}

#house .rhousehome div img{
   margin-top: 34px;
}
/* 推广 */
#extension .leftbox{
    width: 1200px;
}
#extension .title div{
    height: 12px;
    width: 12px;
    border: 1px solid #ff6600;
    border-radius: 6px;
    margin-top: 23px;
    margin-right: 20px;
}
#extension .drug li{
    width: 220px;
    height: 300px;
    float: left;
    /* border: 1px solid #f60; */
    margin-left: 15px;
    position: relative;
    background-color: #f2f2f2;
    margin-top: 15px;
}
#extension .drug li div p{
    width: 148px;

}

#extension .drug li div{
    position: absolute;
    left: 20%;
    top: 10%;

}
/* 固定头部 */
#fixedHeader{
    width: 100%;
    height: 52px;
    background-color:rgba(255,224,204,.8);
    position: fixed;
    top:0;
    left:0;

    display: none;

    z-index: 99999;
}

#fixedHeader .search{
    position: absolute;
    top:8px;
    left:50%;
    margin-left:-222px;
}

/* 楼层 */
#floorbox{
    width: 40px;
    height: 200px;
    background: #ccc;

    position: fixed;
    top:300px;
    left:50%;
    margin-left:-650px;
}
#floorbox ul li{
    width: 40px;
    height: 40px;
    background: url(../imgs/floor.png) no-repeat;
    line-height: 40px;
    text-indent:40px;
    overflow: hidden;
    color:#fff;
}
#floorbox ul li.fbg01{
    background-position: 0 0;
}
#floorbox ul li.fbg02{
    background-position: 0 -80px;
}
#floorbox ul li.fbg03{
    background-position: 0 -160px;
}
#floorbox ul li.fbg04{
    background-position: 0 -200px;
}
#floorbox ul li.fbg05{
    background-position: 0 -320px;
}

/* #floorbox ul li:hover{
    width: 80px;
    background-color: yellowgreen;
    background-position-x: -40px;
} */

